 /***** START SECTION: Main Document *****/
/* GROUP: Main Document Styles */
.h2mThemeCoolBlue  .wmapproot {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #0f0e0e;
	font-weight: normal;
}
.h2mThemeCoolBlue .wmapproot > .wmpagecontainer,
.h2mThemeCoolBlue.wmapproot > .wmpagecontainer {
    border-radius: 4px;
    box-shadow: 4px 4px 4px black;
	background-color: #f0d0c7;
	background-image: none;
	filter: none;
}

/* IE9 has buggy display when combinding both gradients and radius.
 * Gradients and not radius work on IE8, so we'll just do it the IE 8 way */
.dj_ie9 .h2mThemeCoolBlue div,
.dj_ie9 .h2mThemeCoolBlue input,
.dj_ie9 .h2mThemeCoolBlue button {
   border-radius: 0px !important; /* THEMER: HIDE */
}
/***** END SECTION: Main Document *****//***** START SECTION: Toast Dialogs *****/
/* GROUP: Toast Dialog */
html.WMApp .h2mThemeCoolBlue div.wmtoast.wmtoastExtraSpecific {
    background-color: rgb(40,40,40);
    background-image: none;
    filter: none;

    -webkit-border-radius: 8px;
    border-radius: 8px;
     -webkit-box-shadow: 3px 4px 4px #222;
     box-shadow: 3px 4px 4px #222;
}
.h2mThemeCoolBlue .wmtoast .wmtoastmessage {
    font-family: sans-serif;
    font-size: 1Em;
    color: black;
    font-weight: bold;
}

/* GROUP: Success Styling */
html.WMApp .h2mThemeCoolBlue div.wmtoast.Success.wmtoastExtraSpecific {
    background-color: #ffffff;
    background-image: none;
    filter: none;
}
.h2mThemeCoolBlue .wmtoast .wmtoasttitle,
.h2mThemeCoolBlue .wmtoast.Success .wmtoastmessage {
    color: black;
}


/* GROUP: Success Graphic */
.h2mThemeCoolBlue .wmtoast.Success .ToastLeft {
   background-image: url(images/OK.png);
}

/* GROUP: Warning Styling */
html.WMApp .h2mThemeCoolBlue div.wmtoast.Warning.wmtoastExtraSpecific {
    background-color: #ffffff;
    background-image: none;
    filter: none;
}
.h2mThemeCoolBlue .wmtoast .wmtoasttitle,
.h2mThemeCoolBlue .wmtoast.Warning .wmtoastmessage {
    color: black;
}

/* GROUP: Warning Graphic */
.h2mThemeCoolBlue .wmtoast.Warning .ToastLeft {
   background-image: url(images/Caution.png);
}

/* GROUP: Error Styling */
html.WMApp .h2mThemeCoolBlue div.wmtoast.Error.wmtoastExtraSpecific {
    background-color: #ffffff;
    background-image: none;
    filter: none;
}
.h2mThemeCoolBlue .wmtoast .wmtoasttitle,
.h2mThemeCoolBlue .wmtoast.Error .wmtoastmessage {
    color: black;
}

/* GROUP: Error Graphic */
.h2mThemeCoolBlue .wmtoast.Error .ToastLeft {
   background-image: url(images/Close.png);
}

/* GROUP: Info Styling */
html.WMApp .h2mThemeCoolBlue div.wmtoast.Info.wmtoastExtraSpecific {
    background-color: #ffffff;
    background-image: none;
    filter: none;
}
.h2mThemeCoolBlue .wmtoast .wmtoasttitle,
.h2mThemeCoolBlue .wmtoast.Info .wmtoastmessage {
    color: black;
}

/* GROUP: Info Graphic */
.h2mThemeCoolBlue .wmtoast.Info .ToastLeft {
   background-image: url(images/Help\ Circle.png);
}

/* GROUP: Title */
.h2mThemeCoolBlue .wmtoast .wmtoasttitle {
    font-family: sans-serif;
    font-size: 1.2Em;
    color: black;
    font-weight: bold;
}

/* GROUP: Opacity */
.wmtoastExtraSpecific.fadeInAnim {
      -webkit-animation-name: toastFadeInKeyFrames; /* THEMER: HIDE */
      -moz-animation-name: toastFadeInKeyFrames; /* THEMER: HIDE */
      animation-name: toastFadeInKeyFrames; /* THEMER: HIDE */
}

@keyframes toastFadeInKeyFrames {
   0% {
       opacity: 0; /* THEMER: HIDE */
   }
   100% {
       opacity: 0.9;
   }
 }

/* GROUP: Opacity again */
html.WMApp .h2mThemeCoolBlue div.wmtoast.wmtoastExtraSpecific {
opacity: 0.9;
}
/***** END SECTION: Toast Dialogs *****//***** START SECTION: Combobox Dropdowns *****/
/* GROUP: ComboBox Drop-down Box */
.h2mThemeCoolBlue .dijitPopup .dijitCalendarMonthMenu,
.h2mThemeCoolBlue  ul.dijitMenu {
	background-color: rgb(232, 123, 123);
	background-image: none;
	filter: none;
	border-top: solid 1px #e64747;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	box-shadow: 3px 3px 4px #000000;
	-webkit-box-shadow: 3px 3px 4px #000000;
}

/* GROUP: ComboBox Drop-down Items */
.h2mThemeCoolBlue .dijitPopup .dijitCalendarMonthLabel,
.h2mThemeCoolBlue  ul.dijitMenu .dijitMenuItem {
    padding: 4px 5px;
    text-align: left;
    font-size: 12px;
    font-family: sans-serif;
	color: #191717;
    font-weight: bold;
	background-color: transparent; /* THEMER: IGNORE */
	background-image: none; /* THEMER: IGNORE */
	filter: none; /* THEMER: IGNORE */
    border-bottom: solid 1px #aaaaaa;
}


/* GROUP: ComboBox Item Hover */
.h2mThemeCoolBlue .dijitPopup .dijitCalendarMonthLabel .dijitMenuItemSelected,
.h2mThemeCoolBlue  ul.dijitMenu .dijitMenuItem.dijitMenuItemSelected {
	color: #161414;
	background-color: #e22e2e; /* THEMER: IGNORE */
	background-image: none; /* THEMER: IGNORE */
	filter: none; /* THEMER: IGNORE */
    border-bottom: solid 1px #AAAAAA;
}

/***** END SECTION: Combobox Dropdowns *****//***** START SECTION: Menus *****/
/* GROUP: Menu Bar Styling */
.h2mThemeCoolBlue .dojoMenu .dijitMenu,
.h2mThemeCoolBlue .dojoMenu .dijitMenuBar,
.h2mThemeCoolBlue .dojoMenu .dijitMenuItem {
/*  font-family: sans-serif; // THEMER: DISABLED */
/*  font-size: 12px; // THEMER: DISABLED */
  font-weight: bold;
/*  color: black; // THEMER: DISABLED */

  background-color: transparent;
  background-image: none;
}

.h2mThemeCoolBlue .dojoMenu .dijitMenuBar .dijitMenuItem {
  margin-right: 10px;
}

/* GROUP: Menu Bar Hover */
.h2mThemeCoolBlue .dojoMenu .dijitMenuItem.dijitMenuItemHover {
	color: #FFFFFF;
	background-color: #444444; /* Document-ClickablesHover-Background_Color */
	background-image: none;
        filter: none;
	outline: 0px;
}

/* GROUP: Menu Bar Select */
.h2mThemeCoolBlue .dojoMenu .dijitMenuItem.dijitMenuItemSelected {
color: #FFFFFF;
background-color: #333333;
background-image: none;
filter: none;
outline: 0px;
}

/* GROUP: Horizontal Menu Bar Icon */
.h2mThemeCoolBlue .dojoMenu div.dijitMenuBar div.dijitMenuItem {
   background-image: url(images/comboArrowDownDark.png) !important; 
   background-position: 90% 50% !important;
   background-repeat: no-repeat !important;
    padding-right: 25px !important;
}

/* THEMER: DO NOT SUBCLASS START */
/* GROUP: Popup Menu Box */
.h2mThemeCoolBlue .dijitMenuPopup .dijitMenuTable {
    background-color: #444444;
    background-image: none;
    filter: none;
    border: solid 1px black;
    border-top: solid 1px #999999;
}
.h2mThemeCoolBlue .dijitMenuPopup {
    box-shadow: 3px 3px 4px black;
}

/* GROUP: Popup Menu Item */
.h2mThemeCoolBlue .dijitPopup .dijitMenuTable .dijitMenuItem {
    font-size: 12px;
    font-family: sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    background-color: transparent; /* THEMER: IGNORE */
    border-bottom: solid 1px #AAAAAA;
}

/* GROUP: Popup Menu Item Hover/Selected */
/* NOTE: There is no good way with dojo menus to distinguish between hover and select */
.h2mThemeCoolBlue .dijitPopup .dijitMenu.dijitMenuTable .dijitMenuItem.dijitMenuItemFocused,
.h2mThemeCoolBlue .dijitPopup .dijitMenu.dijitMenuTable .dijitMenuItem.dijitMenuItemSelected {
    color: #FFFFFF;
    background-color: #333333;
    background-image: none;
    filter: none;
    outline-width: 0;
}
/* THEMER: DO NOT SUBCLASS END */
/***** END SECTION: Menus *****//***** START SECTION: Dialog Button Bars *****/

/* GROUP: Dialog Footer */
.h2mThemeCoolBlue .dialogfooter,
.h2mThemeCoolBlue .wmpagedialog-controlspanel {
	background-color: #e87b7b;
	background-image: none;
	filter: none;
}

/* GROUP: Dialog Footer Buttons */
.h2mThemeCoolBlue .dialogfooter .wmbutton {
    font-family: sans-serif;
    font-size: 12px;
    color: #FFFFFF; 
    font-weight: bold;
    background-color: #444444;
    background-image: none;
    filter: none;
    box-shadow: 4px 4px 4px black;
    border-radius: 4px;
}

/* GROUP: Footer Buttons (Hover) */
.h2mThemeCoolBlue .dialogfooter .wmbutton:hover {
    color: #FFFFFF; 
	background-color: #dc1414;
	background-image: none;
	filter: none;
    box-shadow: 4px 4px 4px black;
}

/* GROUP: Footer Buttons (Active) */
.h2mThemeCoolBlue .dialogfooter button.wmbutton.toggleButtonDown,
.h2mThemeCoolBlue .dialogfooter .wmbutton.Active,
.h2mThemeCoolBlue .dialogfooter .wmbutton:active,
.h2mThemeCoolBlue .dialogfooter .wmbutton.Active:hover,
.h2mThemeCoolBlue .dialogfooter .wmbutton:active:hover {
	color: #dc2020;
    background-color: #444444;
    background-image: none;
    filter: none;
    box-shadow: 4px 4px 4px black;
}


/***** END SECTION: Dialog Button Bars *****//***** START SECTION: Dialogs *****/
/* GROUP: Dialog Frame */
.h2mThemeCoolBlue .wmdialog {
    border-radius: 4px;
    box-shadow: 3px 3px 3px black;    
}

/* GROUP: Dialog Container */
.h2mThemeCoolBlue .wmdialog {
	background-color: white;
	background-image: none;
	filter: none;
    font-family: sans-serif;
    font-size: 12px;
	color: #191eb4;
    font-weight: bold;
}

/* GROUP: Dialog Titlebar */
.h2mThemeCoolBlue .dialogtitlebar .wmlabel{
    font-family: sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
}

.h2mThemeCoolBlue .dialogtitlebar {
	background-color: #444444;
	background-image: none;
	filter: none;
}


/* GROUP: Titlebar Buttons: Close Button */
.h2mThemeCoolBlue .dialogtitlebar .dialogclosebutton {
    background-image: url(images/DialogIconsGray.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
}

/* GROUP: Titlebar Buttons: Minify Button */
.h2mThemeCoolBlue .dialogtitlebar .dialogminifybutton {
    background-image: url(images/DialogIconsGray.png);
    background-position: -16px 0px;
    background-repeat: no-repeat;
}
/* GROUP: Titlebar Buttons: Maxify Button */
.h2mThemeCoolBlue .dialogtitlebar .dialogmaxifybutton {
    background-image: url(images/DialogIconsGray.png);
    background-position: -32px 0px;
    background-repeat: no-repeat;
}

/***** END SECTION: Dialogs *****//***** START SECTION: Dashboard *****/
/* GROUP: Portlet Titlebar */
.h2mThemeCoolBlue .dojoxPortlet div.dijitTitlePaneTitle {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;

  min-height: 22px;
  line-height: 22px;
  padding-left: 10px;
}

.h2mThemeCoolBlue .dojoxPortlet div.dijitTitlePaneTitle .dijitTitlePaneTextNode {
  color: #333333;
}

.h2mThemeCoolBlue .dojoxPortlet {
  border: solid 1px #949494;
  border-radius: 4px;
}

.h2mThemeCoolBlue .dojoxPortlet div.dijitTitlePaneTitle {
  background-color: #E8E9EA;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: solid 1px #949494;
}

/* GROUP: Portlet Titlebar Icons */
.h2mThemeCoolBlue .dojoxPortlet div.dijitTitlePaneTitle .dojoxPortletIcon {
  border-color: #333333;
  width: 16px;
  height: 20px;
  margin-right: 4px;
}

/* GROUP: Portlet Close Icon */
.h2mThemeCoolBlue .dojoxPortlet div.dijitTitlePaneTitle .dojoxPortletIcon.dojoxCloseNode {
  background-image: url(images/DialogIconsGray.png);
  background-position: 0px 0px;
  position: relative;
  top: 3px;
  height: 16px;
}
/* GROUP: Portlet Close Icon Hover */
.h2mThemeCoolBlue .dojoxPortlet div.dijitTitlePaneTitle .dojoxPortletIcon.dojoxCloseNode:hover {
/* background-position: 0px -16px; // THEMER: DISABLED */
}

/* GROUP: Portlet Minify Icon */
.h2mThemeCoolBlue .dojoxPortlet div.dijitTitlePaneTitle .dojoxPortletIcon.dojoxArrowDown {
  background-image: url(images/DialogIconsGray.png);
  position: relative;
  top: 3px;
  height: 16px;
  background-position: -16px 0px;
}

/* GROUP: Portlet Minify Icon Hover */
.h2mThemeCoolBlue .dojoxPortlet div.dijitTitlePaneTitle .dojoxPortletIcon.dojoxArrowDown:hover {
/*  background-position: -16px -16px; // THEMER: DISABLED */
}

/* GROUP: Portlet Unminify Icon */
.h2mThemeCoolBlue .dojoxPortlet div.dijitTitlePaneTitle.dijitClosed .dojoxPortletIcon.dojoxArrowDown {
  background-image: url(images/DialogIconsGray.png);
  background-position: -32px 0px;
}

/* GROUP: Portlet Unminify Icon Hover */
.h2mThemeCoolBlue .dojoxPortlet div.dijitTitlePaneTitle.dijitClosed .dojoxPortletIcon.dojoxArrowDown:hover {
/*  background-position: -16px -16px; // THEMER: DISABLED */
}
/***** END SECTION: Dashboard *****//***** START SECTION: Links *****/
/* GROUP: Links */
.h2mThemeCoolBlue .wmapproot.WidgetThemerPage-demoPanelWithAppRoot > div > .wmlabel > .wmSizeNode a, /* THEMER: REMOVE LINE */ /* Theme designer needs to override studio's stylesheet, but running app does not need this */
.h2mThemeCoolBlue .wmapproot a,
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot a,
.h2mThemeCoolBlue .wmapproot.WidgetThemerPage-demoPanelWithAppRoot > div > .wmlabel > .wmSizeNode a:visited, /* THEMER: REMOVE LINE */ /* Theme designer needs to override studio's stylesheet, but running app does not need this */
#studio_designer.h2mThemeCoolBlue .wmapproot a:visited,
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot a:visited {
  font-family: sans-serif;
	font-size: 14px;
	color: #101da6;
  font-weight: bold;
  text-decoration:underline;
}
/* GROUP: Hover */
.h2mThemeCoolBlue .wmapproot.WidgetThemerPage-demoPanelWithAppRoot > div > .wmlabel > .wmSizeNode a:hover, /* THEMER: REMOVE LINE */
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot a:hover,
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot a:hover:visited {
  color: #336699;
  text-decoration:underline;
}

/* GROUP: Links being Clicked */
.h2mThemeCoolBlue .wmapproot.WidgetThemerPage-demoPanelWithAppRoot > div > .wmlabel > .wmSizeNode a:active, /* THEMER: REMOVE LINE */
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot a:active,
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot a:hover:active,
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot a:hover:visited:active {
	color: #0d62b2;
  text-decoration:none;
}

/* GROUP: Disabled Links */
.h2mThemeCoolBlue .wmapproot.WidgetThemerPage-demoPanelWithAppRoot > div > .Disabled.wmlabel > .wmSizeNode a, /* THEMER: REMOVE LINE */
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot .Disabled a,
.h2mThemeCoolBlue .wmapproot.WidgetThemerPage-demoPanelWithAppRoot > div > .Disabled.wmlabel > .wmSizeNode a:hover, /* THEMER: REMOVE LINE */
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot .Disabled a:hover,
.h2mThemeCoolBlue .wmapproot.WidgetThemerPage-demoPanelWithAppRoot > div > .Disabled.wmlabel > .wmSizeNode a:active, /* THEMER: REMOVE LINE */
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot .Disabled a:active,
.h2mThemeCoolBlue .wmapproot.WidgetThemerPage-demoPanelWithAppRoot > div > .Disabled.wmlabel > .wmSizeNode a:hover:active, /* THEMER: REMOVE LINE */
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot .Disabled a:hover:active,
.h2mThemeCoolBlue .wmapproot.WidgetThemerPage-demoPanelWithAppRoot > div > .Disabled.wmlabel > .wmSizeNode a:hover:visited:active, /* THEMER: REMOVE LINE */
.h2mThemeCoolBlue  #wavemakerNode  .wmapproot .Disabled a:hover:visited:active {
  color: #999999;
}
/***** END SECTION: Links *****//***** START SECTION: Grids *****/
/* GROUP: Grid Rows */
.h2mThemeCoolBlue .GridListStyle div.dojoxGrid, 
.h2mThemeCoolBlue .GridListStyle .wmlist {
    font-size: 12px;
	margin: 3px;
}

.h2mThemeCoolBlue .GridListStyle  .wmlist-cell,
.h2mThemeCoolBlue .GridListStyle td.dojoxGridCell {
	border: solid 0px rgb(102, 102, 102);
    
}

.h2mThemeCoolBlue .GridListStyle div.dojoxGridRow,
.h2mThemeCoolBlue .GridListStyle.Disabled div.dojoxGridRow.dojoxGridRowOver,
.h2mThemeCoolBlue .GridListStyle.Disabled div.dojoxGridRow.dojoxGridRowOver td.dojoxGridCell,
.h2mThemeCoolBlue .GridListStyle div.wmlist-item,
.h2mThemeCoolBlue .GridListStyle.Disabled div.wmlist-item.wmlist-item-over  {
	font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    
   
}

.h2mThemeCoolBlue .GridListStyle div.dojoxGridContent .dojoxGridCell {
   background-color: transparent; /* THEMER: HIDE */
}

.h2mThemeCoolBlue .GridListStyle div.dojoxGridContent .dojoxGridCellFocus,
.h2mThemeCoolBlue .GridListStyle div.dojoxGridContent .dojoxGrid-cell-focus {
   border: 1px dashed transparent !important; /* THEMER: HIDE */
}


/* GROUP: Odd Numbered Rows */
.h2mThemeCoolBlue .GridListStyle div.dojoxGridRow,
.h2mThemeCoolBlue .GridListStyle div.wmlist-item,

/* Disabled grid rows */
.h2mThemeCoolBlue .GridListStyle.Disabled div.dojoxGridRow.dojoxGridRowOver,
.h2mThemeCoolBlue .GridListStyle.Disabled div.dojoxGridRow.dojoxGridRowSelected,
.h2mThemeCoolBlue .GridListStyle.Disabled .dojoxGridRowOver td.dojoxGridCell,
.h2mThemeCoolBlue .GridListStyle.Disabled div.wmlist-item.wmlist-item-over,
.h2mThemeCoolBlue .GridListStyle.Disabled div.wmlist-item.wmlist-item-selected,

/* Disabled odd    rows */
.h2mThemeCoolBlue .GridListStyle.Disabled div.dojoxGridRow.dojoxGridRowOdd.dojoxGridRowOver,
.h2mThemeCoolBlue .GridListStyle.Disabled div.dojoxGridRow.dojoxGridRowOdd.dojoxGridRowSelected,
.h2mThemeCoolBlue .GridListStyle.Disabled div.wmlist-item.Odd.wmlist-item-over,
.h2mThemeCoolBlue .GridListStyle.Disabled div.wmlist-item.Odd.wmlist-item-selected   {
    color: #000000;
	background-color: #e87b7b;
	background-image: none;
	filter: none;
}


/* GROUP: Even Numbered Rows */
.h2mThemeCoolBlue .GridListStyle div.dojoxGrid-row.dojoxGrid-row-odd,
.h2mThemeCoolBlue .GridListStyle div.dojoxGridRow.dojoxGridRowOdd,
.h2mThemeCoolBlue .GridListStyle.Disabled div.dojoxGridRow.dojoxGridRowOdd.dojoxGridRowOver,
.h2mThemeCoolBlue .GridListStyle.Disabled div.dojoxGridRow.dojoxGridRowOdd.dojoxGridRowSelected,
.h2mThemeCoolBlue .GridListStyle.Disabled div.dojoxGridRow.dojoxGridRowOdd.dojoxGridRowOver td.dojoxGridCell,
.h2mThemeCoolBlue .GridListStyle.Disabled div.wmlist-item.Odd.wmlist-item-over,
.h2mThemeCoolBlue .GridListStyle.Disabled div.wmlist-item.Odd.wmlist-item-selected,
.h2mThemeCoolBlue .GridListStyle .wmlist-item.Odd {
    color: #1e1c1c;
	background-color: #e9a9a9;
	background-image: none;
	filter: none;
}

/* GROUP: Selected Row */
.h2mThemeCoolBlue .GridListStyle .dojoxGridRow.dojoxGridRowSelected,
.h2mThemeCoolBlue .GridListStyle.Disabled .dojoxGridRow.dojoxGridRowSelected,
.h2mThemeCoolBlue .GridListStyle .dojoxGridRow.dojoxGridRowSelected td.dojoxGridCell,
.h2mThemeCoolBlue .GridListStyle .dojoxGridRow.dojoxGridRowOdd.dojoxGridRowSelected,
.h2mThemeCoolBlue .GridListStyle .dojoxGridRow.dojoxGridRowOver.dojoxGridRowSelected,
.h2mThemeCoolBlue .GridListStyle .dojoxGridRow.dojoxGridRowOdd.dojoxGridRowOver.dojoxGridRowSelected,
.h2mThemeCoolBlue .GridListStyle .wmlist-item.wmlist-item-selected,
.h2mThemeCoolBlue .GridListStyle.Disabled .wmlist-item.wmlist-item-selected,
.h2mThemeCoolBlue .GridListStyle .wmlist-item.wmlist-item-selected.wmlist-item-over {
	background-color: #e64747;
	background-image: none;
	filter: none;
   color: #FFFFFF;
}

/* GROUP: Selected Cell */
.h2mThemeCoolBlue .dojoxGridCellFocus {
	   outline: solid 0px #ae0909;
    outline-offset: -1px; /* Change this to match outline width (but negative). Not supported by IE */ /* THEMER: HIDE */
}

/* GROUP: Hover row */
.h2mThemeCoolBlue .GridListStyle .wmlist-item.wmlist-item-over,
.h2mThemeCoolBlue .GridListStyle .dojoxGridRow.dojoxGridRowOver,
.h2mThemeCoolBlue .GridListStyle .dojoxGridRow.dojoxGridRowOdd.dojoxGridRowOver,
.h2mThemeCoolBlue .GridListStyle .dojoxGridRowOver a,
.h2mThemeCoolBlue .GridListStyle .dojoxGridRowOver td.dojoxGridCell {
   background-color: #999999;
   color: #000000;
}

/* GROUP: Grid Header */
.h2mThemeCoolBlue .GridListStyle .wmlist-header th,
.h2mThemeCoolBlue .GridListStyle.wmNoFontSize div.dojoxGridHeader .dojoxGridCell {
	font-size: 12px;
}

.h2mThemeCoolBlue .GridListStyle .wmlist-header .wmlist-cell,
.h2mThemeCoolBlue .GridListStyle div.dojoxGridHeader .dojoxGridCell {
	border-top: solid 1px #666666;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #aaaaaa;
}



.h2mThemeCoolBlue .GridListStyle .wmlist-header,
.h2mThemeCoolBlue .GridListStyle div.dojoxGridHeader {
	background-image: -webkit-gradient(linear, center top, center bottom, from(rgb(188, 188, 195)), color-stop(99%,#a45f73), to(#a45f73));
	background-image: -moz-linear-gradient(top, rgb(188, 188, 195) 0%,#a45f73 99%,#a45f73 100%);
	background-image: -o-linear-gradient(top, rgb(188, 188, 195) 0%,#a45f73 99%,#a45f73 100%);
	background-image: -ms-linear-gradient(top, rgb(188, 188, 195) 0%,#a45f73 99%,#a45f73 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(188, 188, 195)', endColorstr='#a45f73',GradientType=0);
}
.h2mThemeCoolBlue .GridListStyle .wmlist-header th,
.h2mThemeCoolBlue .GridListStyle div.dojoxGridHeader th.dojoxGridCell,
.h2mThemeCoolBlue .GridListStyle div.dojoxGridHeader th.dojoxGridCell.dojoxGridCellOver {	
  background: transparent none !important; /* THEMER: HIDE */

	font-family: Verdana, Geneva, sans-serif;
  color: #e6e6e6;
  font-weight: bold;
}

/* GROUP: Grid Cells */
.h2mThemeCoolBlue .GridListStyle .dojoxGridCell,
.h2mThemeCoolBlue .GridListStyle .wmlist-cell {
    padding: 4px 8px;
}

/* GROUP: Focused Cell */
.h2mThemeCoolBlue .GridListStyle .dojoxGridCellFocus {
/*   outline: solid 1px #5b9dd7; // THEMER: DISABLED */
}


/* THEMER: DO NOT SUBCLASS START */
/* GROUP: Mobile List */
.h2mThemeCoolBlue .MobileListStyle div.wmlist-item,
.h2mThemeCoolBlue .Disabled.MobileListStyle div.wmlist-item,
.h2mThemeCoolBlue .Disabled.MobileListStyle div.wmlist-item.wmlist-item-over {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 3px;
	background-color: #d32f2f;
	background-image: none;
	filter: none;
	color: #ffffff;
	font-family: Verdana;
   min-height: 24px;
}

.h2mThemeCoolBlue .wmlist.MobileListStyle td.wmlist-cell {
	border: solid 0px rgb(170, 170, 170);
     padding:5px 15px 5px 5px;
}

/* GROUP: Mobile List Hover (Desktop only!) */
.h2mThemeCoolBlue .MobileListStyle div.wmlist-item.wmlist-item-over,
.h2mThemeCoolBlue .MobileListStyle div.wmlist-item.Odd.wmlist-item-over {
		background-color: #555555;
		color: #FFFFFF;
}

/* GROUP: Mobile List Selected Row */
.h2mThemeCoolBlue .MobileListStyle div.wmlist-item.wmlist-item-selected,
.h2mThemeCoolBlue .MobileListStyle div.wmlist-item.Odd.wmlist-item-selected,
.h2mThemeCoolBlue .MobileListStyle div.wmlist-item.wmlist-item-selected.wmlist-item-over,
.h2mThemeCoolBlue .MobileListStyle div.wmlist-item.Odd.wmlist-item-selected.wmlist-item-over {
	background-color: #d32f2f;
	background-image: none;
	filter: none;
		color: #FFFFFF; 
}
/* THEMER: DO NOT SUBCLASS END */
/***** END SECTION: Grids *****//***** START SECTION: Editors *****/
/* TODO: Fix all .dijitButtonContents which are found in Select editors which are found in editable grid */

/* GROUP: Standard Editors */
/* THEMER: DO NOT SUBCLASS START */
.h2mThemeCoolBlue .dojoxGrid .dijitTextBox,
.h2mThemeCoolBlue .dojoxGrid .dijitComboBox,
.h2mThemeCoolBlue .dojoxGrid .dijitSelect .dijitButtonContents,
/* THEMER: DO NOT SUBCLASS END */
.h2mThemeCoolBlue .wmeditor .dijitTextBox,
.h2mThemeCoolBlue .wmeditor .dijitTextArea,
.h2mThemeCoolBlue .wmeditor .dijitComboBox,
.h2mThemeCoolBlue .wmeditor .dijitSelect .dijitButtonContents,
.h2mThemeCoolBlue .dijitTimePickerItem,
.h2mThemeCoolBlue .wmeditor .RichTextEditable iframe {
	border: solid 1px #666666;
	font-family: sans-serif;
	font-size: 20px;
	color: #111010;
	font-weight: bold;
/* 	background-color: transparent; // THEMER: DISABLED */
/* 	background-image: none; // THEMER: DISABLED */
/* 	filter: none; // THEMER: DISABLED */
}

/* THEMER: DO NOT SUBCLASS START */
.h2mThemeCoolBlue  .wmeditor .dijitTextBox,
.h2mThemeCoolBlue  .wmeditor .dijitTextArea,
.h2mThemeCoolBlue  .wmeditor .dijitComboBox,
/* THEMER: DO NOT SUBCLASS END */
.h2mThemeCoolBlue  .dojoxGrid .dijitTextBox,
.h2mThemeCoolBlue  .dojoxGrid .dijitTextArea,
.h2mThemeCoolBlue  .dojoxGrid .dijitComboBox
 {
     -webkit-border-radius: 4px;
     border-radius: 4px;
}

.h2mThemeCoolBlue .wmeditor.wmrichtext {
    -webkit-border-bottom-left-radius: 4px;  /* THEMER: CALC: ${border-bottom-left-radius} */
    -webkit-border-bottom-right-radius: 4px; /* THEMER: CALC: ${border-bottom-right-radius} */
    border-bottom-left-radius: 4px;       /* THEMER: CALC: ${border-bottom-left-radius} */
    border-bottom-right-radius: 4px;      /* THEMER: CALC: ${border-bottom-right-radius} */
}


/* GROUP: Hover */
/* THEMER: DO NOT SUBCLASS START */
.h2mThemeCoolBlue .dijitTimePickerMarker.dijitTimePickerMarkerHover,
.h2mThemeCoolBlue .dijitTimePickerItem.dijitTimePickerItemHover,
/* THEMER: DO NOT SUBCLASS END */
.h2mThemeCoolBlue .wmeditor .dijitTextBox.dijitHover,
.h2mThemeCoolBlue .wmeditor .dijitTextArea:hover,
.h2mThemeCoolBlue .wmeditor .dijitComboBox.dijitHover,
.h2mThemeCoolBlue .wmeditor .dijitSelect.dijitHover .dijitButtonContents,
.h2mThemeCoolBlue .wmeditor .RichTextEditable:hover iframe {
	color: #111010;
	border-color: #666666;
	background-color: transparent;
	background-image: none;
	filter: none;
}

/* GROUP: Focus */
/* THEMER: DO NOT SUBCLASS START */
.h2mThemeCoolBlue .dojoxGrid .dijitTextBox.dijitFocused,
.h2mThemeCoolBlue .dojoxGrid .dijitComboBox.dijitFocused,
.h2mThemeCoolBlue .dojoxGrid .dijitSelect.dijitFocused .dijitButtonContents,
/* THEMER: DO NOT SUBCLASS END */
.h2mThemeCoolBlue .wmeditor .dijitTextBox.dijitFocused,
.h2mThemeCoolBlue .wmeditor .dijitTextBox.dijitFocused.dijitHover,
.h2mThemeCoolBlue .wmeditor .dijitTextArea.dijitFocused,
.h2mThemeCoolBlue .wmeditor .dijitTextArea.dijitFocused:hover,
.h2mThemeCoolBlue .wmeditor .dijitComboBox.dijitFocused,
.h2mThemeCoolBlue .wmeditor .dijitComboBox.dijitFocused.dijitHover,
.h2mThemeCoolBlue .wmeditor .dijitSelect.dijitFocused .dijitButtonContents,
.h2mThemeCoolBlue .wmeditor .dijitSelect.dijitFocused.dijitHover .dijitButtonContents,
.h2mThemeCoolBlue .isDirty.wmeditor .dijitTextBox.dijitFocused,
.h2mThemeCoolBlue .isDirty.wmeditor .dijitTextArea.dijitFocused,
.h2mThemeCoolBlue .isDirty.wmeditor .dijitComboBox.dijitFocused,
.h2mThemeCoolBlue .wmeditor .RichTextEditable.Focused iframe {
	color: #111010;
	border: solid 0px #666666;
	background-color: transparent;
	background-image: none;
	filter: none;
}

/* GROUP: isDirty */
.h2mThemeCoolBlue .isDirty.wmeditor .dijitTextBox,
.h2mThemeCoolBlue .isDirty.wmeditor .dijitTextArea,
.h2mThemeCoolBlue .isDirty.wmeditor .dijitComboBox {
	color: #ffffff;
	border-color: #666666; 
	background-color: rgb(68, 68, 68);
	background-image: none;
	filter: none;
}

/* GROUP: Invalid */
.h2mThemeCoolBlue .wmeditor .dijitError.dijitTextBox,
.h2mThemeCoolBlue .wmeditor .dijitError.dijitTextArea,
.h2mThemeCoolBlue .wmeditor .dijitError.dijitComboBox,
.h2mThemeCoolBlue .wmeditor .dijitError.isDirty.dijitTextBox,
.h2mThemeCoolBlue .wmeditor .dijitError.isDirty.dijitTextArea,
.h2mThemeCoolBlue .wmeditor .dijitError.isDirty.dijitComboBox
{
	color: #160f0f;
	border-color: #666666; 
	background-color: rgb(249, 247, 186);
	background-image: none;
	filter: none;
}


/* GROUP: Captions */
.h2mThemeCoolBlue .wmeditor .wmeditor-caption {
	font-family: inherit; 
	font-size: inherit; 
	color: #060607;
	font-weight: bold;
}

/* GROUP: Read-only */
.h2mThemeCoolBlue .wmeditor .wmeditor-readonlyNode {
	font-family: inherit; 
	font-size: inherit;
	color: #060607;
	font-weight: inherit;
}


/* GROUP: Drop Down Boxes */
/* THEMER: DO NOT SUBCLASS START */
.h2mThemeCoolBlue .dojoxGrid .dijitComboBox .dijitArrowButton,
/* THEMER: DO NOT SUBCLASS END */
.h2mThemeCoolBlue .wmeditor .dijitSpinner .dijitArrowButton,
.h2mThemeCoolBlue .wmeditor .dijitComboBox .dijitArrowButton,
.h2mThemeCoolBlue .wmeditor .dijitSelect .dijitArrowButton {
    background-color: #666666;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#aaaaaa), color-stop(52%,#666666), to(#666666));
	background-image: -moz-linear-gradient(top, #aaaaaa 0%,#666666 52%,#666666 100%);
	background-image: -o-linear-gradient(top, #aaaaaa 0%,#666666 52%,#666666 100%);
	background-image: -ms-linear-gradient(top, #aaaaaa 0%,#666666 52%,#666666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#666666',GradientType=0);  
}

/* THEMER: DO NOT SUBCLASS START */
.h2mThemeCoolBlue .dojoxGrid .dijitComboBox .dijitArrowButton,
.h2mThemeCoolBlue .dijitComboBox .dijitArrowButton .dijitArrowButtonInner, /* Grid combo boxes and selects */
.h2mThemeCoolBlue .dijitSelect .dijitArrowButton .dijitArrowButtonInner,
/* THEMER: DO NOT SUBCLASS END */
.h2mThemeCoolBlue .wmeditor .dijitComboBox .dijitArrowButton,
.h2mThemeCoolBlue .wmeditor .dijitSelect .dijitArrowButton,
.h2mThemeCoolBlue .wmeditor .dijitComboBox .dijitArrowButton .dijitArrowButtonInner,
.h2mThemeCoolBlue .wmeditor .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px; 
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}


/* GROUP: Drop Down Boxes Hover */ 
/* THEMER: DO NOT SUBCLASS START */
.h2mThemeCoolBlue .dojoxGrid .dijitComboBox .dijitArrowButton:hover,
/* THEMER: DO NOT SUBCLASS END */
.h2mThemeCoolBlue .wmeditor .dijitSpinner .dijitArrowButton:hover,
.h2mThemeCoolBlue .wmeditor .dijitComboBox .dijitArrowButton:hover,
.h2mThemeCoolBlue .wmeditor .dijitSelect .dijitArrowButton:hover {
	background-color: rgb(255, 102, 102);
	background-image: none;
	filter: none;
}

/* GROUP: Drop Down Clicking */
/* THEMER: DO NOT SUBCLASS START */
.h2mThemeCoolBlue .dojoxGrid .dijitComboBox .dijitArrowButton:active,
/* THEMER: DO NOT SUBCLASS END */
.h2mThemeCoolBlue .wmeditor .dijitSpinner .dijitArrowButton:active,
.h2mThemeCoolBlue .wmeditor .dijitComboBox .dijitArrowButton:active,
.h2mThemeCoolBlue .wmeditor .dijitSelect .dijitArrowButton:active {
	background-color: transparent;
	background-image: none;
	filter: none;
		  
}


/* GROUP: Drop Down Box Arrows */
/* THEMER: DO NOT SUBCLASS START */
.h2mThemeCoolBlue .dijitComboBox .dijitArrowButton .dijitArrowButtonInner,
.h2mThemeCoolBlue .dijitSelect .dijitArrowButton .dijitArrowButtonInner,
/* THEMER: DO NOT SUBCLASS END */
.h2mThemeCoolBlue .wmeditor .dijitComboBox .dijitArrowButton .dijitArrowButtonInner,
.h2mThemeCoolBlue .wmeditor .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
    background-position: 50% 50%;
	background-image: url(images/comboArrowDownLight.png);
}



/* GROUP: Spinner Arrows Down */
.h2mThemeCoolBlue .wmeditor .dijitSpinner .dijitArrowButton .dijitArrowButtonInner {
	background-position: 30% 30%;
	background-image: url(images/comboArrowDownLight.png); 
}

/* GROUP: Spinner Arrows Up */
.h2mThemeCoolBlue .wmeditor .dijitSpinner .dijitArrowButton.dijitUpArrowButton .dijitArrowButtonInner {
	background-image: url(images/comboArrowUpLight.png);
}



/* GROUP: Sliders */
.h2mThemeCoolBlue .wmeditor .dijitSlider .dijitSliderImageHandleH {
    background: url(images/preciseSliderThumb.png) no-repeat 50% 0%;
    outline-width: 0;
}

/* GROUP: Slider Bar Progress */
.h2mThemeCoolBlue .wmeditor .dijitSlider .dijitSliderProgressBarH,
.h2mThemeCoolBlue .wmeditor .dijitSlider .dijitSliderLeftBumper,
.h2mThemeCoolBlue .wmeditor .dijitSliderFocused.dijitSlider .dijitSliderProgressBarH,
.h2mThemeCoolBlue .wmeditor .dijitSliderFocused.dijitSlider .dijitSliderLeftBumper {
		background-color: white;
		background-image: -webkit-gradient(linear, center top, center bottom, from(#0101b7), color-stop(48%,#011d65), to(#011d65));
		background-image: -moz-linear-gradient(top, #0101b7 0%,#011d65 48%,#011d65 100%);
		background-image: -o-linear-gradient(top, #0101b7 0%,#011d65 48%,#011d65 100%);
		background-image: -ms-linear-gradient(top, #0101b7 0%,#011d65 48%,#011d65 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0101b7', endColorstr='#011d65',GradientType=0);
}

/* GROUP: Slider Bar Remainder */
.h2mThemeCoolBlue .wmeditor .dijitSlider .dijitSliderRemainingBarH,
.h2mThemeCoolBlue .wmeditor .dijitSlider .dijitSliderRightBumper,
.h2mThemeCoolBlue .wmeditor .dijitSliderFocused.dijitSlider .dijitSliderRemainingBarH,
.h2mThemeCoolBlue .wmeditor .dijitSliderFocused.dijitSlider .dijitSliderRightBumper {
	background-color: #5c5252;
	background-image: none;
	filter: none;
}    

/***** END SECTION: Editors *****//***** START SECTION: Toggle Button Panel *****/
/* GROUP: Toggle Panel */
.h2mThemeCoolBlue .wmtogglebuttonpanel {
border-radius: 8px;
-webkit-border-radius: 8px;
}

/* GROUP: First Button Radius */
.h2mThemeCoolBlue .wmtogglebuttonpanel .wmbutton:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
}

/* GROUP: Last Button Radius */
.h2mThemeCoolBlue .wmtogglebuttonpanel .wmbutton:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

/* GROUP: Middle Buttons Radius */
.h2mThemeCoolBlue .wmapproot .wmtogglebuttonpanel .wmbutton {
border-radius: 0px;
-webkit-border-radius: 0px;
}


/* GROUP: Buttons */
.h2mThemeCoolBlue .wmtogglebuttonpanel .wmbutton {
/*	font-family: sans-serif; // THEMER: DISABLED */
/*	font-size: 12px;// THEMER: DISABLED */
/*	color: #FFFFFF;// THEMER: DISABLED */
/*	font-weight: bold;// THEMER: DISABLED */

	background-color: #ee9595;
	background-image: none;
	filter: none;
}


/* GROUP: Selected Button */
.h2mThemeCoolBlue .wmtogglebuttonpanel .wmbutton.toggleButtonDown {
/*	font-family: sans-serif;// THEMER: DISABLED */
/*	font-size: 12px;// THEMER: DISABLED */
/*	color: #FFFFFF;// THEMER: DISABLED */
/*	font-weight: bold;// THEMER: DISABLED */

	background-color: #d32f2f;
	background-image: none;
	filter: none;
}
/***** END SECTION: Toggle Button Panel *****//***** START SECTION: Buttons *****/
/* GROUP: Standard Button */
/* dijitReset needed for popupButton */
.h2mThemeCoolBlue .wmbutton,
.h2mThemeCoolBlue button.wmbutton, /* mostly to clobber .dj_ie .wmbutton in default/theme.css */
.h2mThemeCoolBlue .wmbutton .dijitReset {
	font-family: sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.h2mThemeCoolBlue .wmbutton {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: 4px 4px 4px black;
	background-color: #d32f2f;
	background-image: none;
	filter: none;
}

/* GROUP: Hover State */
 .h2mThemeCoolBlue   .wmbutton:hover {
 	color: #FFFFFF;
	font-weight: bold;
        box-shadow: 0px 0px 0px black;    
	background-color: #333333;
	background-image: none;
	filter: none;
}


/* GROUP: Active State */
/* button.wmbutton required instead of .wmbutton for IE8 */
.h2mThemeCoolBlue   button.wmbutton.toggleButtonDown,
.h2mThemeCoolBlue   .wmbutton.Active,
.h2mThemeCoolBlue   .wmbutton.Active:hover,
.h2mThemeCoolBlue   .wmbutton:active,
.h2mThemeCoolBlue   .wmbutton:hover:active {
	color: #FFFFFF;
	font-weight: bold;
	box-shadow: 4px 4px 4px black;
	background-color: #d32f2f;
	background-image: none;
	filter: none;
}

/* GROUP: Focus State */
/* NOTE: This occurs when the user tabs to the button.
  It may also occur when the user clicks the button */
.h2mThemeCoolBlue   .wmbutton:focus {
     outline: solid 1px #9999ff;
}

/* GROUP: Popup Menu */
.h2mThemeCoolBlue .wmPopupButton .popupIcon {
   background-image: url(lib/wm/base/widget/themes/wm_default/images/comboArrowDownDark.png);
   background-position: 0% 50%;
}

/* GROUP: Disabled Button */
.h2mThemeCoolBlue .Disabled.wmbutton,
.h2mThemeCoolBlue .Disabled.wmbutton:hover,
.h2mThemeCoolBlue .Disabled.wmbutton:active,
.h2mThemeCoolBlue .Disabled.wmbutton:active:hover {
  color: #FFFFFF;
  font-weight: bold;
  box-shadow: 0px 0px 0px black;
	background-color: #928484;
	background-image: none;
	filter: none;
  opacity: 0.65;
}
/***** END SECTION: Buttons *****//***** START SECTION: Titled Panel *****/
/* GROUP: Container */
.h2mThemeCoolBlue .wmfancypanel .wmFancyPanel-containerWidget {
    border-top-left-radius: 0px !important; /* THEMER: HIDE */
    border-top-right-radius: 0px !important;/* THEMER: HIDE */
    -webkit-border-top-left-radius: 0px !important;/* THEMER: HIDE */
    -webkit-border-top-right-radius: 0px !important;/* THEMER: HIDE */
    box-shadow: 0px 0px 0px black !important;/* THEMER: HIDE */
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: white;
    background-image: none;
    filter: none;
}


/* GROUP: Panel Title */
.h2mThemeCoolBlue .wmfancypanel .wmFancyPanel-labelWidget {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
	background-color: #ee5959;
	background-image: none;
	filter: none;
}
/***** END SECTION: Titled Panel *****//***** START SECTION: Accordions *****/

/* GROUP: Accordion Header */
.h2mThemeCoolBlue .wmaccordion div.wmaccordion-header {
  font-family: sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
	background-color: #d32f2f;
	background-image: none;
	filter: none;
  border-radius: 4px;
}

/* GROUP: Closed Header */
.h2mThemeCoolBlue .wmaccordion div.wmaccordion-header.wmaccordion-collapsed {
  color: #FFFFFF;
  font-weight: bold;
	background-color: #141111;
	background-image: none;
	filter: none;
}

/* GROUP: Header Hover */
.h2mThemeCoolBlue div.wmaccordion .wmaccordion-header.wmaccordion-collapsed:hover {
  color: #FFFFFF;
  background-color: #666666;
  background-image: none;
  filter: none;
}



/* GROUP: Accordion Arrow (Selected) */
.h2mThemeCoolBlue .wmaccordion .accordionArrowNode {
   float: none !important; /* THEMER: HIDE */
   position: absolute; /* THEMER: HIDE */
   right: 5px;
   background-image: url(images/comboArrowDownDark.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
}
.h2mThemeCoolBlue .wmaccordion .accordionArrowNode.accordionOnLeftArrowNode {
     position: relative; /* THEMER: HIDE */
     float: none; /* THEMER: HIDE */
}

/* GROUP: Accordion Arrow (Closed) */
.h2mThemeCoolBlue .wmaccordion .wmaccordion-collapsed .accordionArrowNode {
   background-image: url(images/arrowRightDark.png); 
}


/* GROUP: Layer Styling */
.h2mThemeCoolBlue .wmaccordion .wmlayer.wmaccordion-content {
    border-radius: 2px;
    background-color: transparent;
}

/***** END SECTION: Accordions *****//***** START SECTION: Tabs *****/
/* GROUP: Standard Tab Button */
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab,
.h2mThemeCoolBlue .wmtablayers button.wmtablayers-verticaltab {
	font-family: sans-serif; 
	color: #FFFFFF; 
	font-weight: bold;
    font-size: 12px;
	background-color: #e87b7b;
	background-image: none;
	filter: none;
}
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab {

	height: 30px;
	margin-left: 3px;
	border-radius: 1px 1px 0px 0px;
	-webkit-border-radius: 1px 1px 0px 0px;
    box-shadow: -1px 1px 1px #444444; 

    border-width: 1px 1px 0px 1px;
    border-style: solid;
	border-bottom-color: transparent;
	border-top-color: #444444; 
	border-left-color:#444444; 
	border-right-color: #444444;
}
.dj_ff .h2mThemeCoolBlue .wmtablayers .wmtablayers-tab {
       box-shadow: 0 0 0 black !important; /* THEMER: HIDE */
}
/* GROUP: First Tab */
.h2mThemeCoolBlue .wmtablayers-tab:first-child {
    margin-left: 0px; 
}


/* GROUP: Standard Selected Tab Button */
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab.wmtablayers-selected,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab.wmtablayers-selected:hover,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab.wmtablayers-selected,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab.wmtablayers-selected:hover {
	background-color:  #d32f2f;
	background-image: none;
	filter: none;
}
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab.wmtablayers-selected,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab.wmtablayers-selected:hover {
    box-shadow: -1px 1px 1px #444444; 
    top: 2px;
    /* NOTE: To create different values of top for different browsers, use
     .dj_ie .h2mThemeCoolBlue .wmtablayers .wmtablayers-tab.wmtablayers-selected, 
     .dj_ff .h2mThemeCoolBlue .wmtablayers .wmtablayers-tab.wmtablayers-selected,
     .dj_webkit .h2mThemeCoolBlue .wmtablayers .wmtablayers-tab.wmtablayers-selected */
}

/* GROUP: Tab Button with Focus */
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab:focus,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab:focus {
   outline-width: 0;
}

/* GROUP: Tab Button with Hover */
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab:hover,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab:hover {
	color: #FFFFFF; 
	background-color:  #ee5959;
	background-image: none;
	filter: none;
}
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab:hover {
    box-shadow: inherit;
}

/* GROUP: Tab Button with Mouse Down */
/* NOTE: This does not appear to work in firefox at design time but is fine at runtime */
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab:active,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab:active,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab:active:.focus,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab:active:focus {
color: #FFFFFF; 
background-color: #444444; 
background-image: none;
filter: none;
}
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab:active,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-tab:active:focus {
    box-shadow: 0px 0px 0px #444444; 
}


/* GROUP: Layer Borders */
.h2mThemeCoolBlue .wmtablayers  .wmTabLayers-client > .wmlayer {
    border-radius: 4px !important;
}

/* GROUP: Tab Bar */
.h2mThemeCoolBlue .wmtablayers div.wmtablayers-tabbar {
   background: transparent;
}



/* GROUP: Vertical Tab Buttons */
.h2mThemeCoolBlue .wmtablayers button.wmtablayers-verticaltab {
   font-size: 9; 
    width: 95%;
    margin-left: 5%;
    margin-bottom: 5px;
    border-bottom-left-radius: 4px; 
    border-top-left-radius: 4px; 
    border-width: 0px 1px 1px 1px;
    border-style: solid;
	border-bottom-color: #444444;
	border-top-color: #444444; 
	border-left-color:#444444; 
	border-right-color: transparent;
    box-shadow: -1px 1px 1px #444444; 
}

/* GROUP: First Vertical Tab */
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab:first-child {
    margin-top: 8px;
}

/* GROUP: Vertical Tab Buttons with Hover */
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab:hover {
    box-shadow: inherit;
}

/* GROUP: Vertical Selected Tab Buttons */
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab.wmtablayers-selected {
    box-shadow: inherit;
/*  border: solid 1px black; // THEMER: DISABLED */
}

/* GROUP: Vertical Tab with Mouse Down */
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab:active,
.h2mThemeCoolBlue .wmtablayers .wmtablayers-verticaltab:active:focus {
    box-shadow: 0px 0px 0px #444444; 
}
/***** END SECTION: Tabs *****//***** START SECTION: Calendar *****/
/* GROUP: Calendar Cells */
.h2mThemeCoolBlue .dijitCalendarDayLabel,
.h2mThemeCoolBlue .dijitCalendarDateLabel {
		font-size: 12px;
}

.h2mThemeCoolBlue table.dijitCalendarContainer td.dijitCalendarCurrentMonth {
		background-color: #f8f8f8 !important;
		background-image: none !important;
		filter: none !important;
		color: #030000;
}

.h2mThemeCoolBlue .dijitCalendarBodyContainer td {
		border-top: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-bottom: solid 0px rgb(102, 102, 102);
		border-left: solid 0px rgb(102, 102, 102);
}

/* GROUP: Selected Cell */
.h2mThemeCoolBlue .dijitCalendarContainer td.dijitCalendarSelectedDate,
.h2mThemeCoolBlue .dijitCalendarContainer td.dijitCalendarSelectedDate.dijitCalendarCurrentMonth {
		background-image: -webkit-gradient(linear, center top, center bottom, from(#b8b8bf), color-stop(46%,#161616), to(#161616)) !important;
		background-image: -moz-linear-gradient(top, #b8b8bf 0%,#161616 46%,#161616 100%) !important;
		background-image: -o-linear-gradient(top, #b8b8bf 0%,#161616 46%,#161616 100%) !important;
		background-image: -ms-linear-gradient(top, #b8b8bf 0%,#161616 46%,#161616 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8bf', endColorstr='#161616',GradientType=0) !important;
		color: #e2e2d4 !important;
}

/* GROUP: Hover Cell */
.h2mThemeCoolBlue .dijitCalendarContainer td.dijitCalendarHoveredDate,
.h2mThemeCoolBlue .dijitCalendarContainer td.dijitCalendarHoveredDate.dijitCalendarCurrentMonth,
.h2mThemeCoolBlue .dijitCalendarContainer .dijitCalendarHoveredYear,
.h2mThemeCoolBlue .dijitCalendarContainer .dijitCalendarNextYear:hover,
.h2mThemeCoolBlue .dijitCalendarContainer .dijitCalendarPreviousYear:hover {
		background-color: #908a8a !important;
		background-image: none !important;
		filter: none !important;
		color: #ebebe2;
}


/* GROUP: Dates Not In Month */
.h2mThemeCoolBlue .dijitCalendarContainer .dijitCalendarPreviousMonth,
.h2mThemeCoolBlue .dijitCalendarContainer .dijitCalendarNextMonth {
		background-color: #655f5f !important;
		background-image: none !important;
		filter: none !important;
		color: #bab0b0;
}

/* GROUP: Column Headings */
.h2mThemeCoolBlue .dijitCalendarContainer .dijitCalendarDayLabelTemplate {
		background-color: #655f5f !important;
		background-image: none !important;
		filter: none !important;
		color: #bab0b0;
}

/* GROUP: Header */
.h2mThemeCoolBlue tr.dijitCalendarMonthContainer th {    
		background-color: #444444;
		background-image: -webkit-gradient(linear, center top, center bottom, from(#aaa), color-stop(34%,#444), to(#444));
		background-image: -moz-linear-gradient(top, #aaa 0%,#444 34%,#444 100%);
		background-image: -o-linear-gradient(top, #aaa 0%,#444 34%,#444 100%);
		background-image: -ms-linear-gradient(top, #aaa 0%,#444 34%,#444 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#444',GradientType=0);
}

/* GROUP: Month Container */
.h2mThemeCoolBlue tr.dijitCalendarMonthContainer th {
    font-family: sans-serif; 
    font-size: 10px;
    color: #f3e6e6;
    font-weight: bold;
}

/* GROUP: Month Label */
.h2mThemeCoolBlue tr.dijitCalendarMonthContainer th .dijitCalendarMonthLabel {
    font-family: sans-serif;
    font-size: 12px;
    color: #FFFFFF; 
    font-weight: bold;
    border: solid 0px rgb(251, 251, 251); /* THEMER: HIDE */
    box-shadow: 0px 0px 0px black; /* THEMER: HIDE */
}

/* GROUP: Outer Widget */
.h2mThemeCoolBlue table.dijitCalendarContainer {
		border: solid 2px rgb(102, 102, 102);

		border-radius: 4px;
		-webkit-border-radius: 4px;
}


/***** END SECTION: Calendar *****//***** START SECTION: SubmitButton *****/
/* GROUP: Standard Button */
/* dijitReset needed for popupButton */
.h2mThemeCoolBlue .SubmitButton.wmbutton,
.h2mThemeCoolBlue button.SubmitButton.wmbutton, /* mostly to clobber .dj_ie .SubmitButton.wmbutton in default/theme.css */
.h2mThemeCoolBlue .SubmitButton.wmbutton .dijitReset {
/* font-family: sans-serif; // THEMER: DISABLED */
/* font-size: 12px; // THEMER: DISABLED */
/* color: #FFFFFF; // THEMER: DISABLED */
/* font-weight: bold; // THEMER: DISABLED */
}
.h2mThemeCoolBlue .SubmitButton.wmbutton {
/* -webkit-border-radius: 4px; // THEMER: DISABLED */
/* border-radius: 4px; // THEMER: DISABLED */
/* box-shadow: 4px 4px 4px black; // THEMER: DISABLED */
/* background-color: #333333; // THEMER: DISABLED */
/* background-image: none; // THEMER: DISABLED */
/* filter: none; // THEMER: DISABLED */
}

/* GROUP: Hover State */
 .h2mThemeCoolBlue   .wmbutton:hover {
/* color: #FFFFFF; // THEMER: DISABLED */
/* font-weight: bold; // THEMER: DISABLED */
/* box-shadow: 0px 0px 0px black; // THEMER: DISABLED */
/* background-color: #333333; // THEMER: DISABLED */
/* background-image: none; // THEMER: DISABLED */
/* filter: none; // THEMER: DISABLED */
}


/* GROUP: Active State */
/* button.SubmitButton.wmbutton required instead of .SubmitButton.wmbutton for IE8 */
.h2mThemeCoolBlue   button.SubmitButton.wmbutton.toggleButtonDown,
.h2mThemeCoolBlue   .SubmitButton.wmbutton.Active,
.h2mThemeCoolBlue   .SubmitButton.wmbutton.Active:hover,
.h2mThemeCoolBlue   .wmbutton:active,
.h2mThemeCoolBlue   .wmbutton:hover:active {
/* color: #FFFFFF; // THEMER: DISABLED */
/* font-weight: bold; // THEMER: DISABLED */
/* box-shadow: 4px 4px 4px black; // THEMER: DISABLED */
/* background-color: #333333; // THEMER: DISABLED */
/* background-image: none; // THEMER: DISABLED */
/* filter: none; // THEMER: DISABLED */
}

/* GROUP: Focus State */
/* NOTE: This occurs when the user tabs to the button.
  It may also occur when the user clicks the button */
.h2mThemeCoolBlue   .wmbutton:focus {
/* outline: solid 1px #9999ff; // THEMER: DISABLED */
}

/* GROUP: Popup Menu */
.h2mThemeCoolBlue .wmPopupButton .popupIcon {
/* background-image: url(lib/wm/base/widget/themes/wm_default/images/comboArrowDownDark.png); // THEMER: DISABLED */
/* background-position: 0% 50%; // THEMER: DISABLED */
}

/* GROUP: Disabled Button */
.h2mThemeCoolBlue .Disabled.SubmitButton.wmbutton,
.h2mThemeCoolBlue .Disabled.wmbutton:hover,
.h2mThemeCoolBlue .Disabled.wmbutton:active,
.h2mThemeCoolBlue .Disabled.wmbutton:active:hover {
/* color: #FFFFFF; // THEMER: DISABLED */
/* font-weight: bold; // THEMER: DISABLED */
/* box-shadow: 0px 0px 0px black; // THEMER: DISABLED */
/* background-color: #333333; // THEMER: DISABLED */
/* background-image: none; // THEMER: DISABLED */
/* opacity: 0.65; // THEMER: DISABLED */
}
/***** END SECTION: SubmitButton *****//***** START SECTION: Progress Bar *****/
/* GROUP: ProgressBar */
.h2mThemeCoolBlue .wmprogressbar .dijitProgressBar {
		border-radius: 8px;
		-webkit-border-radius: 8px;
    border: solid 1px black;
}


.h2mThemeCoolBlue .wmprogressbar .dijitProgressBarLabel {
		font-family: sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
}

.h2mThemeCoolBlue .wmprogressbar .dijitProgressBar {
    background-color: rgb(68, 68, 68);
    background-image: none;
    filter: none;
}


/* GROUP: Progress Indicator */
.h2mThemeCoolBlue .wmprogressbar .dijitProgressBarFull {
    background-color: rgb(68, 68, 68);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#c4c4cb), color-stop(20%,#5c5d60), to(#5c5d60));
    background-image: -moz-linear-gradient(top, #c4c4cb 0%,#5c5d60 20%,#5c5d60 100%);
    background-image: -o-linear-gradient(top, #c4c4cb 0%,#5c5d60 20%,#5c5d60 100%);
    background-image: -ms-linear-gradient(top, #c4c4cb 0%,#5c5d60 20%,#5c5d60 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4cb', endColorstr='#5c5d60',GradientType=0);
    border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    border-right: solid 1px black;
    border-top: solid 0px black;
    border-bottom: solid 0px black;
    border-left: solid 0px black;
    }


.h2mThemeCoolBlue .wmprogressbar .dijitProgressBarTile {
   background-image: inherit; /* THEMER: HIDE */
   background-color: inherit; /* THEMER: HIDE */
}
/***** END SECTION: Progress Bar *****/